<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <title>IconFont</title>
    <link rel="stylesheet" href="./demo.css">
    <link rel="stylesheet" href="./iconfont.css">
</head>
<body>
<div class="main markdown">
    <h1>IconFont 图标</h1>
    <ul class="icon_lists clear">

        <li>
            <i class="icon zoeIconfont z_arrowTTR_normal"></i>
            <div class="name">z_arrowTTR_normal</div>
            <div class="fontclass">.z_arrowTTR_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_arrowU_normal"></i>
            <div class="name">z_arrowU_normal</div>
            <div class="fontclass">.z_arrowU_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_checkbox_form"></i>
            <div class="name">z_checkbox_form</div>
            <div class="fontclass">.z_checkbox_form</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_checkboxS_form"></i>
            <div class="name">z_checkboxS_form</div>
            <div class="fontclass">.z_checkboxS_form</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_data_normal"></i>
            <div class="name">z_data_normal</div>
            <div class="fontclass">.z_data_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_doctorA_normal"></i>
            <div class="name">z_doctorA_normal</div>
            <div class="fontclass">.z_doctorA_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_delete_normal"></i>
            <div class="name">z_delete_normal</div>
            <div class="fontclass">.z_delete_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_close_normal"></i>
            <div class="name">z_close_normal</div>
            <div class="fontclass">.z_close_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_download_normal"></i>
            <div class="name">z_download_normal</div>
            <div class="fontclass">.z_download_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_examine_normal"></i>
            <div class="name">z_examine_normal</div>
            <div class="fontclass">.z_examine_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_ID_normal"></i>
            <div class="name">z_ID_normal</div>
            <div class="fontclass">.z_ID_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_groupC_normal"></i>
            <div class="name">z_outpatientD_normal</div>
            <div class="fontclass">.z_groupC_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_medicalR_normal"></i>
            <div class="name">z_medicalR_normal</div>
            <div class="fontclass">.z_medicalR_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_man_graphicalsex"></i>
            <div class="name">z_man_graphicalsex</div>
            <div class="fontclass">.z_man_graphicalsex</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_radio_form"></i>
            <div class="name">z_radio_form</div>
            <div class="fontclass">.z_radio_form</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_proofreading_norma"></i>
            <div class="name">z_proofreading_norma</div>
            <div class="fontclass">.z_proofreading_norma</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_radioS_form"></i>
            <div class="name">z_radioS_form</div>
            <div class="fontclass">.z_radioS_form</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_print_normal"></i>
            <div class="name">z_print_normal</div>
            <div class="fontclass">.z_print_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_relation_normal"></i>
            <div class="name">z_relation_normal</div>
            <div class="fontclass">.z_relation_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_report_normal"></i>
            <div class="name">z_report_normal</div>
            <div class="fontclass">.z_report_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_refresh_normal"></i>
            <div class="name">z_refresh_normal</div>
            <div class="fontclass">.z_refresh_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_reset_normal"></i>
            <div class="name">z_reset_normal</div>
            <div class="fontclass">.z_reset_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_save_normal"></i>
            <div class="name">z_save_normal</div>
            <div class="fontclass">.z_save_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_search_normal"></i>
            <div class="name">z_search_normal</div>
            <div class="fontclass">.z_search_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_selectA_normal"></i>
            <div class="name">z_selectA_normal</div>
            <div class="fontclass">.z_selectA_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_send_normal"></i>
            <div class="name">z_send_normal</div>
            <div class="fontclass">.z_send_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_upload_normal"></i>
            <div class="name">z_upload_normal</div>
            <div class="fontclass">.z_upload_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_setU_normal"></i>
            <div class="name">z_setU_normal</div>
            <div class="fontclass">.z_setU_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_woman_graphicalsex"></i>
            <div class="name">z_woman_graphicalsex</div>
            <div class="fontclass">.z_woman_graphicalsex</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_question_normal"></i>
            <div class="name">z_question_normal</div>
            <div class="fontclass">.z_question_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_right_normal"></i>
            <div class="name">z_right_normal</div>
            <div class="fontclass">.z_right_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_arrowALM_normal"></i>
            <div class="name">z_arrowALM_normal</div>
            <div class="fontclass">.z_arrowALM_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_add_normal01"></i>
            <div class="name">z_add_normal01</div>
            <div class="fontclass">.z_add_normal01</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_add_normal"></i>
            <div class="name">z_add_normal</div>
            <div class="fontclass">.z_add_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_warm_normal"></i>
            <div class="name">z_warm_normal</div>
            <div class="fontclass">.z_warm_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_wrong_normal"></i>
            <div class="name">z_wrong_normal</div>
            <div class="fontclass">.z_wrong_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_arrowARM_normal"></i>
            <div class="name">z_arrowARM_normal</div>
            <div class="fontclass">.z_arrowARM_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_arrowP_normal"></i>
            <div class="name">z_arrowP_normal</div>
            <div class="fontclass">.z_arrowP_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_arrowTTL_normal"></i>
            <div class="name">z_arrowTTL_normal</div>
            <div class="fontclass">.z_arrowTTL_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_dropD_form"></i>
            <div class="name">z_dropD_form</div>
            <div class="fontclass">.z_dropD_form</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_dropU_form"></i>
            <div class="name">z_dropU_form</div>
            <div class="fontclass">.z_dropU_form</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_auditW_normal"></i>
            <div class="name">z_auditW_normal</div>
            <div class="fontclass">.z_auditW_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_modify_normal"></i>
            <div class="name">z_modify_normal</div>
            <div class="fontclass">.z_modify_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_checkO_normal"></i>
            <div class="name">z_checkO_normal</div>
            <div class="fontclass">.z_checkO_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_password_normal"></i>
            <div class="name">z_password_normal</div>
            <div class="fontclass">.z_password_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_scrap_normal"></i>
            <div class="name">z_scrap_normal</div>
            <div class="fontclass">.z_scrap_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_processM_normal"></i>
            <div class="name">z_processM_normal</div>
            <div class="fontclass">.z_processM_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_systemV_normal"></i>
            <div class="name">z_systemV_normal</div>
            <div class="fontclass">.z_systemV_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_schedule_normal"></i>
            <div class="name">z_schedule_normal</div>
            <div class="fontclass">.z_schedule_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_home_normal"></i>
            <div class="name">z_home_normal</div>
            <div class="fontclass">.z_home_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_bed_normal"></i>
            <div class="name">z_bed_normal</div>
            <div class="fontclass">.z_bed_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_dictionary_normal"></i>
            <div class="name">z_dictionary_normal</div>
            <div class="fontclass">.z_dictionary_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_inspect_normal"></i>
            <div class="name">z_inspect_normal</div>
            <div class="fontclass">.z_inspect_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_test_normal"></i>
            <div class="name">z_test_normal</div>
            <div class="fontclass">.z_test_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_evebtD_normal"></i>
            <div class="name">z_evebtD_normal</div>
            <div class="fontclass">.z_evebtD_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_evebtC_normal"></i>
            <div class="name">z_evebtC_normal</div>
            <div class="fontclass">.z_evebtC_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_taskC_normal"></i>
            <div class="name">z_taskC_normal</div>
            <div class="fontclass">.z_taskC_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_patient_normal"></i>
            <div class="name">z_patient_normal</div>
            <div class="fontclass">.z_patient_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_patientI_normal"></i>
            <div class="name">z_patientI_normal</div>
            <div class="fontclass">.z_patientI_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_temperature_normal"></i>
            <div class="name">z_temperature_normal</div>
            <div class="fontclass">.z_temperature_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_frequentlyUI_normal"></i>
            <div class="name">z_frequentlyUI_normal</div>
            <div class="fontclass">.z_frequentlyUI_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_prehospitalM_normal"></i>
            <div class="name">z_prehospitalM_normal</div>
            <div class="fontclass">.z_prehospitalM_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_operationR_normal"></i>
            <div class="name">z_operationR_normal</div>
            <div class="fontclass">.z_operationR_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_durationR_normal"></i>
            <div class="name">z_durationR_normal</div>
            <div class="fontclass">.z_durationR_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_nursing_normal"></i>
            <div class="name">z_nursing_normal</div>
            <div class="fontclass">.z_nursing_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_evaluationS_normal"></i>
            <div class="name">z_evaluationS_normal</div>
            <div class="fontclass">.z_evaluationS_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_groupC_normal1"></i>
            <div class="name">z_groupC_normal</div>
            <div class="fontclass">.z_groupC_normal1</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_theDB_form"></i>
            <div class="name">z_theDB_form</div>
            <div class="fontclass">.z_theDB_form</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_theDA_form"></i>
            <div class="name">z_theDA_form</div>
            <div class="fontclass">.z_theDA_form</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_stop_form"></i>
            <div class="name">z_stop_form</div>
            <div class="fontclass">.z_stop_form</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_open_form"></i>
            <div class="name">z_open_form</div>
            <div class="fontclass">.z_open_form</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_theCNINC_normal"></i>
            <div class="name">z_theCNINC_normal</div>
            <div class="fontclass">.z_theCNINC_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_medicalG_normal"></i>
            <div class="name">z_medicalG_normal</div>
            <div class="fontclass">.z_medicalG_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_tool_normal"></i>
            <div class="name">z_tool_normal</div>
            <div class="fontclass">.z_tool_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_voice_normal"></i>
            <div class="name">z_voice_normal</div>
            <div class="fontclass">.z_voice_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_information_normal"></i>
            <div class="name">z_information_normal</div>
            <div class="fontclass">.z_information_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_fragment_normal"></i>
            <div class="name">z_fragment_normal</div>
            <div class="fontclass">.z_fragment_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_akeyS_normal"></i>
            <div class="name">z_akeyS_normal</div>
            <div class="fontclass">.z_akeyS_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_selectP_normal"></i>
            <div class="name">z_selectP_normal</div>
            <div class="fontclass">.z_selectP_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_transferTPO_normal"></i>
            <div class="name">z_transferTPO_normal</div>
            <div class="fontclass">.z_transferTPO_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_back_normal2"></i>
            <div class="name">z_back_normal2</div>
            <div class="fontclass">.z_back_normal2</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_re_normal"></i>
            <div class="name">z_re_normal</div>
            <div class="fontclass">.z_re_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_receive_normal"></i>
            <div class="name">z_receive_normal</div>
            <div class="fontclass">.z_receive_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_dourationR_normal"></i>
            <div class="name">z_dourationR_normal</div>
            <div class="fontclass">.z_dourationR_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_retreat_normal"></i>
            <div class="name">z_retreat_normal</div>
            <div class="fontclass">.z_retreat_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_collect_normal"></i>
            <div class="name">z_collect_normal</div>
            <div class="fontclass">.z_collect_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_preview_normal"></i>
            <div class="name">z_preview_normal</div>
            <div class="fontclass">.z_preview_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_narrow_normal"></i>
            <div class="name">z_narrow_normal</div>
            <div class="fontclass">.z_narrow_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_fullS_normal"></i>
            <div class="name">z_fullS_normal</div>
            <div class="fontclass">.z_fullS_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_quote_normal"></i>
            <div class="name">z_quote_normal</div>
            <div class="fontclass">.z_quote_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_printP_normal"></i>
            <div class="name">z_printP_normal</div>
            <div class="fontclass">.z_printP_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_time_normal"></i>
            <div class="name">z_time_normal</div>
            <div class="fontclass">.z_time_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_paragraph_normal"></i>
            <div class="name">z_paragraph_normal</div>
            <div class="fontclass">.z_paragraph_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_effective_normal"></i>
            <div class="name">z_effective_normal</div>
            <div class="fontclass">.z_effective_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_emergency_normal"></i>
            <div class="name">z_emergency_normal</div>
            <div class="fontclass">.z_emergency_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_confirmD_normal"></i>
            <div class="name">z_confirmD_normal</div>
            <div class="fontclass">.z_confirmD_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_alignL_normal"></i>
            <div class="name">z_alignL_normal</div>
            <div class="fontclass">.z_alignL_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_alignE_normal"></i>
            <div class="name">z_alignE_normal</div>
            <div class="fontclass">.z_alignE_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_alignC_normal"></i>
            <div class="name">z_alignC_normal</div>
            <div class="fontclass">.z_alignC_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_bold_normal"></i>
            <div class="name">z_bold_normal</div>
            <div class="fontclass">.z_bold_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_alignR_normal"></i>
            <div class="name">z_alignR_normal</div>
            <div class="fontclass">.z_alignR_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_autograph_normal"></i>
            <div class="name">z_autograph_normal</div>
            <div class="fontclass">.z_autograph_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_clearF_normal"></i>
            <div class="name">z_clearF_normal</div>
            <div class="fontclass">.z_clearF_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_copy_normal"></i>
            <div class="name">z_copy_normal</div>
            <div class="fontclass">.z_copy_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_findR_normal"></i>
            <div class="name">z_findR_normal</div>
            <div class="fontclass">.z_findR_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_comment_normal"></i>
            <div class="name">z_comment_normal</div>
            <div class="fontclass">.z_comment_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_fontC_normal"></i>
            <div class="name">z_fontC_normal</div>
            <div class="fontclass">.z_fontC_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_fontS_normal"></i>
            <div class="name">z_fontS_normal</div>
            <div class="fontclass">.z_fontS_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_form_normal"></i>
            <div class="name">z_form_normal</div>
            <div class="fontclass">.z_form_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_continuedTP_normal"></i>
            <div class="name">z_continuedTP_normal</div>
            <div class="fontclass">.z_continuedTP_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_date_normal"></i>
            <div class="name">z_date_normal</div>
            <div class="fontclass">.z_date_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_italic_normal"></i>
            <div class="name">z_italic_normal</div>
            <div class="fontclass">.z_italic_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_paste_normal"></i>
            <div class="name">z_paste_normal</div>
            <div class="fontclass">.z_paste_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_pageB_normal"></i>
            <div class="name">z_pageB_normal</div>
            <div class="fontclass">.z_pageB_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_pasteIOF_normal"></i>
            <div class="name">z_pasteIOF_normal</div>
            <div class="fontclass">.z_pasteIOF_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_picture_normal"></i>
            <div class="name">z_picture_normal</div>
            <div class="fontclass">.z_picture_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_print_normal1"></i>
            <div class="name">z_print_normal02</div>
            <div class="fontclass">.z_print_normal1</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_revoke_normal"></i>
            <div class="name">z_revoke_normal</div>
            <div class="fontclass">.z_revoke_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_redo_normal"></i>
            <div class="name">z_redo_normal</div>
            <div class="fontclass">.z_redo_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_selectP_normal1"></i>
            <div class="name">z_selectP_normal</div>
            <div class="fontclass">.z_selectP_normal1</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_pullP_normal"></i>
            <div class="name">z_pullP_normal</div>
            <div class="fontclass">.z_pullP_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_preview_normal1"></i>
            <div class="name">z_preview_normal02</div>
            <div class="fontclass">.z_preview_normal1</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_srtU_normal"></i>
            <div class="name">z_srtU_normal02</div>
            <div class="fontclass">.z_srtU_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_shear_normal"></i>
            <div class="name">z_shear_normal</div>
            <div class="fontclass">.z_shear_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_subscript_normal"></i>
            <div class="name">z_subscript_normal</div>
            <div class="fontclass">.z_subscript_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_symbol_normal"></i>
            <div class="name">z_symbol_normal</div>
            <div class="fontclass">.z_symbol_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_superscript_normal"></i>
            <div class="name">z_superscript_normal</div>
            <div class="fontclass">.z_superscript_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_superiorS_normal"></i>
            <div class="name">z_superiorS_normal</div>
            <div class="fontclass">.z_superiorS_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_underline_normal"></i>
            <div class="name">z_underline_normal</div>
            <div class="fontclass">.z_underline_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_visit_normal"></i>
            <div class="name">z_visit_normal</div>
            <div class="fontclass">.z_visit_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_hamburgerL_normal"></i>
            <div class="name">z_hamburgerL_normal</div>
            <div class="fontclass">.z_hamburgerL_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_requisition_normal"></i>
            <div class="name">z_requisition_normal</div>
            <div class="fontclass">.z_requisition_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_folderR_normal"></i>
            <div class="name">z_folderR_normal</div>
            <div class="fontclass">.z_folderR_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_implement_normal"></i>
            <div class="name">z_implement_normal</div>
            <div class="fontclass">.z_implement_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_cancellationOA_normal"></i>
            <div class="name">z_cancellationOA_normal</div>
            <div class="fontclass">.z_cancellationOA_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_quote_normal1"></i>
            <div class="name">z_quote_normal2</div>
            <div class="fontclass">.z_quote_normal1</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_feeD_normal"></i>
            <div class="name">z_feeD_normal</div>
            <div class="fontclass">.z_feeD_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_cancel_normal"></i>
            <div class="name">z_cancel_normal</div>
            <div class="fontclass">.z_cancel_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_manualS_normal"></i>
            <div class="name">z_manualS_normal</div>
            <div class="fontclass">.z_manualS_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_add_normal02"></i>
            <div class="name">z_add_normal02</div>
            <div class="fontclass">.z_add_normal02</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_admissionR_normal"></i>
            <div class="name">z_admissionR_normal</div>
            <div class="fontclass">.z_admissionR_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_more_normal"></i>
            <div class="name">z_more_normal</div>
            <div class="fontclass">.z_more_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_transactionL_normal"></i>
            <div class="name">z_transactionL_normal</div>
            <div class="fontclass">.z_transactionL_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_dischargeR_normal"></i>
            <div class="name">z_dischargeR_normal</div>
            <div class="fontclass">.z_dischargeR_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_underTS_normal"></i>
            <div class="name">z_underTS_normal</div>
            <div class="fontclass">.z_underTS_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_babyL_normal"></i>
            <div class="name">z_babyL_normal</div>
            <div class="fontclass">.z_babyL_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_insert_normal"></i>
            <div class="name">z_insert_normal</div>
            <div class="fontclass">.z_insert_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_down_normal"></i>
            <div class="name">z_down_normal</div>
            <div class="fontclass">.z_down_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_move_normal"></i>
            <div class="name">z_move_normal</div>
            <div class="fontclass">.z_move_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_plainV_normal"></i>
            <div class="name">z_plainV_normal</div>
            <div class="fontclass">.z_plainV_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_timeA_normal"></i>
            <div class="name">z_timeA_normal</div>
            <div class="fontclass">.z_timeA_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_historySR_normal"></i>
            <div class="name">z_historySR_normal</div>
            <div class="fontclass">.z_historySR_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_maintenanceOSP_normal"></i>
            <div class="name">z_maintenanceOSP_normal</div>
            <div class="fontclass">.z_maintenanceOSP_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_back_normal"></i>
            <div class="name">z_back_normal</div>
            <div class="fontclass">.z_back_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_home_normal02"></i>
            <div class="name">z_home_normal02</div>
            <div class="fontclass">.z_home_normal02</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_registrationOC_normal"></i>
            <div class="name">z_registrationOC_normal</div>
            <div class="fontclass">.z_registrationOC_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_clock_normal"></i>
            <div class="name">z_clock_normal</div>
            <div class="fontclass">.z_clock_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_hospitalP_normal"></i>
            <div class="name">z_hospitalP_normal</div>
            <div class="fontclass">.z_hospitalP_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_redeemV_normal"></i>
            <div class="name">z_redeemV_normal</div>
            <div class="fontclass">.z_redeemV_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_reservationQ_normal"></i>
            <div class="name">z_reservationQ_normal</div>
            <div class="fontclass">.z_reservationQ_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_selfM_normal"></i>
            <div class="name">z_selfM_normal</div>
            <div class="fontclass">.z_selfM_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_selfHB_normal"></i>
            <div class="name">z_selfHB_normal</div>
            <div class="fontclass">.z_selfHB_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_selfSS_normal"></i>
            <div class="name">z_selfSS_normal</div>
            <div class="fontclass">.z_selfSS_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_theBOTC_normal"></i>
            <div class="name">z_theBOTC_normal</div>
            <div class="fontclass">.z_theBOTC_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_asAND_normal"></i>
            <div class="name">z_asAND_normal</div>
            <div class="fontclass">.z_asAND_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_creditS_normal"></i>
            <div class="name">z_creditS_normal</div>
            <div class="fontclass">.z_creditS_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_cancellationOG_normal"></i>
            <div class="name">z_cancellationOG_normal</div>
            <div class="fontclass">.z_cancellationOG_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_checkout_normal"></i>
            <div class="name">z_checkout_normal</div>
            <div class="fontclass">.z_checkout_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_cancelC_normal"></i>
            <div class="name">z_cancelC_normal</div>
            <div class="fontclass">.z_cancelC_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_detailsOC_normal"></i>
            <div class="name">z_detailsOC_normal</div>
            <div class="fontclass">.z_detailsOC_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_handover_normal"></i>
            <div class="name">z_handover_normal</div>
            <div class="fontclass">.z_handover_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_drugD_normal"></i>
            <div class="name">z_drugD_normal</div>
            <div class="fontclass">.z_drugD_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_executeAR_normal"></i>
            <div class="name">z_executeAR_normal</div>
            <div class="fontclass">.z_executeAR_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_drugW_normal"></i>
            <div class="name">z_drugW_normal</div>
            <div class="fontclass">.z_drugW_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_disable_normal"></i>
            <div class="name">z_disable_normal</div>
            <div class="fontclass">.z_disable_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_invoice_normal"></i>
            <div class="name">z_invoice_normal</div>
            <div class="fontclass">.z_invoice_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_invoiceN_normal"></i>
            <div class="name">z_invoiceN_normal</div>
            <div class="fontclass">.z_invoiceN_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_logQ_normal"></i>
            <div class="name">z_logQ_normal</div>
            <div class="fontclass">.z_logQ_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_medicalISI_normal"></i>
            <div class="name">z_medicalISI_normal</div>
            <div class="fontclass">.z_medicalISI_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_medicalIT_normal"></i>
            <div class="name">z_medicalIT_normal</div>
            <div class="fontclass">.z_medicalIT_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_medicareTWO_normal"></i>
            <div class="name">z_medicareTWO_normal</div>
            <div class="fontclass">.z_medicareTWO_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_modifyEI_normal"></i>
            <div class="name">z_modifyEI_normal</div>
            <div class="fontclass">.z_modifyEI_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_missingP_normal"></i>
            <div class="name">z_missingP_normal</div>
            <div class="fontclass">.z_missingP_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_medicareHBS_normal"></i>
            <div class="name">z_medicareHBS_normal</div>
            <div class="fontclass">.z_medicareHBS_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_nonH_normal"></i>
            <div class="name">z_nonH_normal</div>
            <div class="fontclass">.z_nonH_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_medicine_normal"></i>
            <div class="name">z_medicine_normal</div>
            <div class="fontclass">.z_medicine_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_registrationODDW_normal"></i>
            <div class="name">z_registrationODDW_normal</div>
            <div class="fontclass">.z_registrationODDW_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_reI_normal"></i>
            <div class="name">z_reI_normal</div>
            <div class="fontclass">.z_reI_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_reject_normal"></i>
            <div class="name">z_reject_normal</div>
            <div class="fontclass">.z_reject_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_sendTM_normal"></i>
            <div class="name">z_sendTM_normal</div>
            <div class="fontclass">.z_sendTM_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_templateM_normal"></i>
            <div class="name">z_templateM_normal</div>
            <div class="fontclass">.z_templateM_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_test_normal1"></i>
            <div class="name">z_test_normal02</div>
            <div class="fontclass">.z_test_normal1</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_transfer_normal"></i>
            <div class="name">z_transfer_normal</div>
            <div class="fontclass">.z_transfer_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_sendTMY_normal"></i>
            <div class="name">z_sendTMY_normal</div>
            <div class="fontclass">.z_sendTMY_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_withdraw_normal"></i>
            <div class="name">z_withdraw_normal</div>
            <div class="fontclass">.z_withdraw_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_batchS_normal"></i>
            <div class="name">z_batchS_normal</div>
            <div class="fontclass">.z_batchS_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_writeOS_normal"></i>
            <div class="name">z_writeOS_normal</div>
            <div class="fontclass">.z_writeOS_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_dischargeR_normal2"></i>
            <div class="name">z_dischargeR_normal02</div>
            <div class="fontclass">.z_dischargeR_normal2</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_doubleS_normal"></i>
            <div class="name">z_doubleS_normal</div>
            <div class="fontclass">.z_doubleS_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_birthC_normal"></i>
            <div class="name">z_birthC_normal</div>
            <div class="fontclass">.z_birthC_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_anaesthesia_normal"></i>
            <div class="name">z_anaesthesia_normal</div>
            <div class="fontclass">.z_anaesthesia_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_informedI_normal"></i>
            <div class="name">z_informedI_normal</div>
            <div class="fontclass">.z_informedI_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_leaveH_normal"></i>
            <div class="name">z_leaveH_normal</div>
            <div class="fontclass">.z_leaveH_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_operation_normal"></i>
            <div class="name">z_operation_normal</div>
            <div class="fontclass">.z_operation_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_moveO_normal"></i>
            <div class="name">z_moveO_normal</div>
            <div class="fontclass">.z_moveO_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_hangingB_normal"></i>
            <div class="name">z_hangingB_normal</div>
            <div class="fontclass">.z_hangingB_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_transfer_normal02"></i>
            <div class="name">z_transfer_normal02</div>
            <div class="fontclass">.z_transfer_normal02</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_cancellationOA_nor"></i>
            <div class="name">z_cancellationOA_normal02</div>
            <div class="fontclass">.z_cancellationOA_nor</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_exitES_normal"></i>
            <div class="name">z_exitES_normal</div>
            <div class="fontclass">.z_exitES_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_theD_normal"></i>
            <div class="name">z_theD_normal</div>
            <div class="fontclass">.z_theD_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_settlement_normal"></i>
            <div class="name">z_settlement_normal</div>
            <div class="fontclass">.z_settlement_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_rightST_normal"></i>
            <div class="name">z_rightST_normal</div>
            <div class="fontclass">.z_rightST_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_stop_normal"></i>
            <div class="name">z_stop_normal</div>
            <div class="fontclass">.z_stop_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_pdf_normal"></i>
            <div class="name">z_pdf_normal</div>
            <div class="fontclass">.z_pdf_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_open_normal"></i>
            <div class="name">z_open_normal</div>
            <div class="fontclass">.z_open_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_leftT_normal"></i>
            <div class="name">z_leftT_normal</div>
            <div class="fontclass">.z_leftT_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_pastH_normal"></i>
            <div class="name">z_pastH_normal</div>
            <div class="fontclass">.z_pastH_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_time_normal1"></i>
            <div class="name">z_time_normal02</div>
            <div class="fontclass">.z_time_normal1</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_viewI_normal"></i>
            <div class="name">z_viewI_normal</div>
            <div class="fontclass">.z_viewI_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_technologicalP_normal"></i>
            <div class="name">z_technologicalP_normal</div>
            <div class="fontclass">.z_technologicalP_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_userI_normal-copy"></i>
            <div class="name">z_userI_normal</div>
            <div class="fontclass">.z_userI_normal-copy</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_cost_normal"></i>
            <div class="name">z_cost_normal</div>
            <div class="fontclass">.z_cost_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_paymentM_normal"></i>
            <div class="name">z_paymentM_normal</div>
            <div class="fontclass">.z_paymentM_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_payment_normal"></i>
            <div class="name">z_payment_normal</div>
            <div class="fontclass">.z_payment_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_bill_normal"></i>
            <div class="name">z_bill_normal</div>
            <div class="fontclass">.z_bill_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_preS_normal"></i>
            <div class="name">z_preS_normal</div>
            <div class="fontclass">.z_preS_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_export_normal"></i>
            <div class="name">z_export_normal</div>
            <div class="fontclass">.z_export_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_theTRIC_normal"></i>
            <div class="name">z_theTRIC_normal</div>
            <div class="fontclass">.z_theTRIC_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_refund_normal"></i>
            <div class="name">z_refund_normal</div>
            <div class="fontclass">.z_refund_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_medicalIA_normal"></i>
            <div class="name">z_medicalIA_normal</div>
            <div class="fontclass">.z_medicalIA_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_applicationR_normal"></i>
            <div class="name">z_applicationR_normal</div>
            <div class="fontclass">.z_applicationR_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_frozen_normal"></i>
            <div class="name">z_frozen_normal</div>
            <div class="fontclass">.z_frozen_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_loanA_normal"></i>
            <div class="name">z_loanA_normal</div>
            <div class="fontclass">.z_loanA_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_caseM_normal"></i>
            <div class="name">z_caseM_normal</div>
            <div class="fontclass">.z_caseM_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_code_normal"></i>
            <div class="name">z_code_normal</div>
            <div class="fontclass">.z_code_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_precoding_normal"></i>
            <div class="name">z_precoding_normal</div>
            <div class="fontclass">.z_precoding_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_renew_normal"></i>
            <div class="name">z_renew_normal</div>
            <div class="fontclass">.z_renew_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_scan_normal"></i>
            <div class="name">z_scan_normal</div>
            <div class="fontclass">.z_scan_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_return_normal"></i>
            <div class="name">z_return_normal</div>
            <div class="fontclass">.z_return_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_thaw_normal"></i>
            <div class="name">z_thaw_normal</div>
            <div class="fontclass">.z_thaw_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_clock_normal1"></i>
            <div class="name">z_clock_normal02</div>
            <div class="fontclass">.z_clock_normal1</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_sort_normal"></i>
            <div class="name">z_sort_normal</div>
            <div class="fontclass">.z_sort_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_checkM_normal"></i>
            <div class="name">z_checkM_normal</div>
            <div class="fontclass">.z_checkM_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_exclamatoryM_normal"></i>
            <div class="name">z_exclamatoryM_normal</div>
            <div class="fontclass">.z_exclamatoryM_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_distribute_normal"></i>
            <div class="name">z_distribute_normal</div>
            <div class="fontclass">.z_distribute_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_picture_normal1"></i>
            <div class="name">z_picture_normal</div>
            <div class="fontclass">.z_picture_normal1</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_trendC_normal"></i>
            <div class="name">z_trendC_normal</div>
            <div class="fontclass">.z_trendC_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_degreeOI_normal"></i>
            <div class="name">z_degreeOI_normal</div>
            <div class="fontclass">.z_degreeOI_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_cell_normal"></i>
            <div class="name">z_cell_normal</div>
            <div class="fontclass">.z_cell_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_theA_normal"></i>
            <div class="name">z_theA_normal</div>
            <div class="fontclass">.z_theA_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_vitalS_normal"></i>
            <div class="name">z_vitalS_normal</div>
            <div class="fontclass">.z_vitalS_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_timeoutC_normal"></i>
            <div class="name">z_timeoutC_normal</div>
            <div class="fontclass">.z_timeoutC_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_callT_normal"></i>
            <div class="name">z_callT_normal</div>
            <div class="fontclass">.z_callT_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_timeoutNC_normal"></i>
            <div class="name">z_timeoutNC_normal</div>
            <div class="fontclass">.z_timeoutNC_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_enable_normal"></i>
            <div class="name">z_enable_normal</div>
            <div class="fontclass">.z_enable_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_collection_normal"></i>
            <div class="name">z_collection_normal</div>
            <div class="fontclass">.z_collection_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_integratedV_normal"></i>
            <div class="name">z_integratedV_normal</div>
            <div class="fontclass">.z_integratedV_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_collectionR_normal"></i>
            <div class="name">z_collectionR_normal</div>
            <div class="fontclass">.z_collectionR_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_hangITA_normal"></i>
            <div class="name">z_hangITA_normal</div>
            <div class="fontclass">.z_hangITA_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_theF_normal"></i>
            <div class="name">z_theF_normal</div>
            <div class="fontclass">.z_theF_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_profitALSP_normal"></i>
            <div class="name">z_profitALSP_normal</div>
            <div class="fontclass">.z_profitALSP_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_generateNO_normal"></i>
            <div class="name">z_generateNO_normal</div>
            <div class="fontclass">.z_generateNO_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_last_normal"></i>
            <div class="name">z_last_normal</div>
            <div class="fontclass">.z_last_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_profitALP_normal"></i>
            <div class="name">z_profitALP_normal</div>
            <div class="fontclass">.z_profitALP_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_atTBOTA_normal"></i>
            <div class="name">z_atTBOTA_normal</div>
            <div class="fontclass">.z_atTBOTA_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_inputC_normal"></i>
            <div class="name">z_inputC_normal</div>
            <div class="fontclass">.z_inputC_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_stock_normal"></i>
            <div class="name">z_stock_normal</div>
            <div class="fontclass">.z_stock_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_inventory_normal"></i>
            <div class="name">z_inventory_normal</div>
            <div class="fontclass">.z_inventory_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_inventoryCEI_normal"></i>
            <div class="name">z_inventoryCEI_normal</div>
            <div class="fontclass">.z_inventoryCEI_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_switchingP_normal"></i>
            <div class="name">z_switchingP_normal</div>
            <div class="fontclass">.z_switchingP_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_barcodeP_normal"></i>
            <div class="name">z_barcodeP_normal</div>
            <div class="fontclass">.z_barcodeP_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_operationP_normal"></i>
            <div class="name">z_operationP_normal</div>
            <div class="fontclass">.z_operationP_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_cancelECB_normal"></i>
            <div class="name">z_cancelECB_normal</div>
            <div class="fontclass">.z_cancelECB_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_implementation_normal"></i>
            <div class="name">z_implementation_normal</div>
            <div class="fontclass">.z_implementation_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_pathD_normal"></i>
            <div class="name">z_pathD_normal</div>
            <div class="fontclass">.z_pathD_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_branchP_normal"></i>
            <div class="name">z_branchP_normal</div>
            <div class="fontclass">.z_branchP_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_projectD_normal"></i>
            <div class="name">z_projectD_normal</div>
            <div class="fontclass">.z_projectD_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_add_normal1"></i>
            <div class="name">z_add_normal1</div>
            <div class="fontclass">.z_add_normal1</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_medicalRS_normal"></i>
            <div class="name">z_medicalRS_normal</div>
            <div class="fontclass">.z_medicalRS_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_scoringD_normal"></i>
            <div class="name">z_scoringD_normal</div>
            <div class="fontclass">.z_scoringD_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_positiveF_normal"></i>
            <div class="name">z_positiveF_normal</div>
            <div class="fontclass">.z_positiveF_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_patientM_normal"></i>
            <div class="name">z_patientM_normal</div>
            <div class="fontclass">.z_patientM_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_summaryT_normal"></i>
            <div class="name">z_summaryT_normal</div>
            <div class="fontclass">.z_summaryT_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_automaticS_normal"></i>
            <div class="name">z_automaticS_normal</div>
            <div class="fontclass">.z_automaticS_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_lock_normal"></i>
            <div class="name">z_lock_normal</div>
            <div class="fontclass">.z_lock_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_logonA_normal"></i>
            <div class="name">z_logonA_normal</div>
            <div class="fontclass">.z_logonA_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_accountN_normal"></i>
            <div class="name">z_accountN_normal</div>
            <div class="fontclass">.z_accountN_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_defaultHI_normal"></i>
            <div class="name">z_defaultHI_normal</div>
            <div class="fontclass">.z_defaultHI_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_thumbtack_normal"></i>
            <div class="name">z_thumbtack_normal</div>
            <div class="fontclass">.z_thumbtack_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_department_normal"></i>
            <div class="name">z_department_normal</div>
            <div class="fontclass">.z_department_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_right_normal1"></i>
            <div class="name">z_right_normal02</div>
            <div class="fontclass">.z_right_normal1</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_left_normal"></i>
            <div class="name">z_left_normal</div>
            <div class="fontclass">.z_left_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_generatingCL_normal"></i>
            <div class="name">z_generatingCL_normal</div>
            <div class="fontclass">.z_generatingCL_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_callT_normal1"></i>
            <div class="name">z_callT_normal02</div>
            <div class="fontclass">.z_callT_normal1</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_refundODW_normal"></i>
            <div class="name">z_refundODW_normal</div>
            <div class="fontclass">.z_refundODW_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_previewOSP_normal"></i>
            <div class="name">z_previewOSP_normal</div>
            <div class="fontclass">.z_previewOSP_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_operationM_normal"></i>
            <div class="name">z_operationM_normal</div>
            <div class="fontclass">.z_operationM_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_receive_normal1"></i>
            <div class="name">z_receive_normal02</div>
            <div class="fontclass">.z_receive_normal1</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_additionODAT_normal"></i>
            <div class="name">z_additionODAT_normal</div>
            <div class="fontclass">.z_additionODAT_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_billingM_normal"></i>
            <div class="name">z_billingM_normal</div>
            <div class="fontclass">.z_billingM_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_arrange_normal"></i>
            <div class="name">z_arrange_normal</div>
            <div class="fontclass">.z_arrange_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_additiveM_normal"></i>
            <div class="name">z_additiveM_normal</div>
            <div class="fontclass">.z_additiveM_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_tableR_normal"></i>
            <div class="name">z_tableR_normal</div>
            <div class="fontclass">.z_tableR_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_backgroundS_normal"></i>
            <div class="name">z_backgroundS_normal</div>
            <div class="fontclass">.z_backgroundS_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_colorMS_normal"></i>
            <div class="name">z_colorMS_normal</div>
            <div class="fontclass">.z_colorMS_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_lookALMR_normal"></i>
            <div class="name">z_lookALMR_normal</div>
            <div class="fontclass">.z_lookALMR_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_recordOMR_normal"></i>
            <div class="name">z_recordOMR_normal</div>
            <div class="fontclass">.z_recordOMR_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_medicalRD_normal"></i>
            <div class="name">z_medicalRD_normal</div>
            <div class="fontclass">.z_medicalRD_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_inspectionR_normal"></i>
            <div class="name">z_inspectionR_normal</div>
            <div class="fontclass">.z_inspectionR_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_clinicalP_normal"></i>
            <div class="name">z_clinicalP_normal</div>
            <div class="fontclass">.z_clinicalP_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_doctorA_normal1"></i>
            <div class="name">z_doctorA_normal02</div>
            <div class="fontclass">.z_doctorA_normal1</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_checkR_normal"></i>
            <div class="name">z_checkR_normal</div>
            <div class="fontclass">.z_checkR_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_informedN_normal"></i>
            <div class="name">z_informedN_normal</div>
            <div class="fontclass">.z_informedN_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_thermometer_normal"></i>
            <div class="name">z_thermometer_normal</div>
            <div class="fontclass">.z_thermometer_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_productionPM_normal"></i>
            <div class="name">z_productionPM_normal</div>
            <div class="fontclass">.z_productionPM_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_anaesthesia_normal1"></i>
            <div class="name">z_anaesthesia_normal</div>
            <div class="fontclass">.z_anaesthesia_normal1</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_operation_normal1"></i>
            <div class="name">z_operation_normal02</div>
            <div class="fontclass">.z_operation_normal1</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_recordOCOD_normal"></i>
            <div class="name">z_recordOCOD_normal</div>
            <div class="fontclass">.z_recordOCOD_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_consultationR_normal"></i>
            <div class="name">z_consultationR_normal</div>
            <div class="fontclass">.z_consultationR_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_admissionN_normal"></i>
            <div class="name">z_admissionN_normal</div>
            <div class="fontclass">.z_admissionN_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_dischargeR_normal1"></i>
            <div class="name">z_dischargeR_normal</div>
            <div class="fontclass">.z_dischargeR_normal1</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_medicalRHP_normal"></i>
            <div class="name">z_medicalRHP_normal</div>
            <div class="fontclass">.z_medicalRHP_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_assembly_normal"></i>
            <div class="name">z_assembly_normal</div>
            <div class="fontclass">.z_assembly_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_jurisdiction_normal"></i>
            <div class="name">z_jurisdiction_normal</div>
            <div class="fontclass">.z_jurisdiction_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_nursingR_normal"></i>
            <div class="name">z_nursingR_normal</div>
            <div class="fontclass">.z_nursingR_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_home_normal1"></i>
            <div class="name">z_home_normal02</div>
            <div class="fontclass">.z_home_normal1</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_news_normal"></i>
            <div class="name">z_news_normal</div>
            <div class="fontclass">.z_news_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_personalD_normal"></i>
            <div class="name">z_personalD_normal</div>
            <div class="fontclass">.z_personalD_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_integratedM_normal"></i>
            <div class="name">z_integratedM_normal</div>
            <div class="fontclass">.z_integratedM_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_systemM_normal"></i>
            <div class="name">z_systemM_normal</div>
            <div class="fontclass">.z_systemM_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_information_normal1"></i>
            <div class="name">z_information_normal</div>
            <div class="fontclass">.z_information_normal1</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_knowledge_normal"></i>
            <div class="name">z_knowledge_normal</div>
            <div class="fontclass">.z_knowledge_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_toWINO_normal"></i>
            <div class="name">z_toWINO_normal</div>
            <div class="fontclass">.z_toWINO_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_telephoneB_normal"></i>
            <div class="name">z_telephoneB_normal</div>
            <div class="fontclass">.z_telephoneB_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_suggestionCB_normal"></i>
            <div class="name">z_suggestionCB_normal</div>
            <div class="fontclass">.z_suggestionCB_normal</div>
        </li>

        <li>
            <i class="icon zoeIconfont z_electronicF_normal"></i>
            <div class="name">z_electronicF_normal</div>
            <div class="fontclass">.z_electronicF_normal</div>
        </li>

    </ul>

    <h2 id="font-class-">font-class引用</h2>
    <hr>
    <p>font-class是unicode使用方式的一种变种，主要是解决unicode书写不直观，语意不明确的问题。</p>
    <p>与unicode使用方式相比，具有如下特点：</p>
    <ul>
        <li>兼容性良好，支持ie8+，及所有现代浏览器。</li>
        <li>相比于unicode语意明确，书写更直观。可以很容易分辨这个icon是什么。</li>
        <li>因为使用class来定义图标，所以当要替换图标时，只需要修改class里面的unicode引用。</li>
        <li>不过因为本质上还是使用的字体，所以多色图标还是不支持的。</li>
    </ul>
    <p>使用步骤如下：</p>
    <h3 id="-fontclass-">第一步：引入项目下面生成的fontclass代码：</h3>


    <pre><code class="lang-js hljs javascript"><span class="hljs-comment">&lt;link rel="stylesheet" type="text/css" href="./iconfont.css"&gt;</span></code></pre>
    <h3 id="-">第二步：挑选相应图标并获取类名，应用于页面：</h3>
    <pre><code class="lang-css hljs">&lt;<span class="hljs-selector-tag">i</span> <span class="hljs-selector-tag">class</span>="<span class="hljs-selector-tag">zoeIconfont</span> <span class="hljs-selector-tag">z_icon_xxx</span>"&gt;&lt;/<span class="hljs-selector-tag">i</span>&gt;</code></pre>
    <blockquote>
        <p>"zoeIconfont"是你项目下的font-family。可以通过编辑项目查看，默认是"zoeIconfont"。</p>
    </blockquote>
</div>
</body>
</html>